<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>广场</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="plugins/swiper/swiper.min.css">
    <link rel="stylesheet" href="css/piazza.css">
</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
    <div class="clearfix">
        <div class="SY-logo fl usn">
            <a href="UserCenter.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
        </div>
        <div class="SY-search pa dib">
            <div class="inputField">
                <input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
                <a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
            </div>
            <div class="searchTips pa dn">
                <div class="searchReferral dn">
                    <div class="searchRecent">
                        <p class="title">最近搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                    <div class="searchHot">
                        <p class="title">热门搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                </div>
                <div class="searchResult">
                    <ul class="d n">
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
                        <li class="worker title">创作者</li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
                    </ul>
                    <div class="checkMore tac d n">
                        <a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac dn">
                        <p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SY-topRight fr">
            <ul class="clearfix">
                <li class="SY-create fr">
                    <a href="Post.html"><span>创作</span></a>
                </li>
                <li class="SY-userPic fr">
                    <a href="UserCenter.html">
                        <img class="br50" src="img/icons/person.png" alt="userPic">
                        <object><a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a></object>
                    </a>
                    <div class="pa tac fold">
                        <span class="pa trigon"></span>
                        <ul>
                            <li class="myPage"><a href="UserPageNew.html">我的研习社</a></li>
                            <li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
                            <li class="authentication"><a href="CareerAuthen.html">深夜认证</a></li>
                            <li class="wallet"><a href="MyWallet.html">钱包</a></li>
                            <li class="setting"><a href="UserSetting.html">设置</a></li>
                            <li class="SY-exit">
                                <a href="javascript:void(0);"><i></i>退出</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="SY-regLog fr dn">
                    <a href="javascript:void(0);">注册</a>
                    <a href="javascript:void(0);">登录</a>
                </li>
                <li class="SY-notify fr">
                    <a href="Notify.html"><i></i><span class="num pa">99+</span></a>
                    <div class="pa fold">
                        <span class="pa trigon"></span>
                        <p class="topBox clearfix">
                            <span class="text fl">消息盒子</span>
                            <a href="javascript:void(0);" class="emptyBtn fr">清空</a>
                        </p>
                        <ul class="">
                            <li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
                            <li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
                            <li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
                        </ul>
                        <!--缺省提示-->
                        <div class="emptyInfo tac dn">
                            <p class="tips">暂无消息</p>
                        </div>
                        <div class="checkAll">
                            <a class="db tac" href="Notify.html">查看全部&nbsp;>></a>
                        </div>
                    </div>
                </li>
                <li class="fr line"></li>
                <li class="SY-focus dn fr">
                    <a href="UserCenter.html"><i></i><span>关注</span></a>
                </li>
                <li class="SY-Recruit fr">
                    <a href="Recruit.html"><i></i><span>招聘</span></a>
                    <span class="event db pa new"></span>
                </li>
                <li class="SY-piazza active fr">
                    <a href="SquareNew.html"><i></i><span>广场</span></a>
                </li>
                <li class="SY-CG fr dn">
                    <a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
                </li>
                <li class="SY-index fr dn">
                    <a href="Index.html"><i></i><span>首页</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content">
    <div class="SY-wrap">
        <!--推荐用户-->
        <div class="SY-userCommend">
            <div class="SY-commend pr">
                <div class="SY-bannerList pr">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <a href="javascript:void(0);" class="swiper-slide S-user" style="background-image:url('http://img.yxs.shenyecg.com/Image/P8vn2ccb0jAnU0SY5ghCqdJNNrHrm1Lo/Sk6CZe82GT.jpg')"></a>
                            <a href="javascript:void(0);" class="swiper-slide S-user" style="background-image:url('http://img.yxs.shenyecg.com/Image/ubvNxkRcHS840Krbq4ORbdTLCrnCKNam/yGCQyyJDza.jpg')"></a>
                            <a href="javascript:void(0);" class="swiper-slide S-user" style="background-image:url('http://img.yxs.shenyecg.com/Image/wjRmJyZaLAXBlZPBJyk8ssWdZbdiRazc/mTrCE6PiNw.jpg')"></a>
                            <a href="javascript:void(0);" class="swiper-slide S-user" style="background-image:url('http://img.yxs.shenyecg.com/Image/Fz8sb8M4xTzvCqoT4djrDaxWHoECQ2Pb/PXNafhHdpY.jpg')"></a>
                            <a href="javascript:void(0);" class="swiper-slide S-user" style="background-image:url('http://img.yxs.shenyecg.com/Image/Bs8UkHipuOX2LgyHSMy1T5Qe1mf2YzA4/YbB7QmjGpJ.jpg')"></a>
                        </div>
                        <div class="swiper-button-prev"><span></span></div>
                        <div class="swiper-button-next"><span></span></div>
                        <ul class="swiper-pagination autoplay"></ul>
                    </div>
                </div>
            </div>
        </div>
        <!--推荐创作者-->
        <div class="SY-creatorCommend">
            <div class="SY-nav clearfix">
                <div class="title fl">
                    <p><span class="S_icons"></span><span>推荐创作者</span></p>
                </div>
            </div>
            <div class="SY-creator clearfix">
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Gallery/kMClGbyJTmvNEFQ5sbppUlKKOnIprcJV/sam-nassour-winter.jpg?x-oss-process=image/resize,m_fill,limit_0,w_708,h_600')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/z606eWthgRhkBlQLiYqiMRaTDQs6ynNy/tCPE4nG5xp.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/Content/defaultPic/userPic/pig.png" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/jXnE9nZUDWbYkP8XulHOkexEOyZ3Ngff/wY4sNbhjFJ.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/47dWz3gCuTRlkUArqJc4IzVGyybCdxtB/8k7mwRb63W.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/D4mzDy8vWFOdjMj635sXriTBjI2R0cd3/Tjmw2Y8mym.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/tgoaq7c92k2zIy3lDxQBuRpTlL4tIgd3/55.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/UCc5a0RKXquiPa33blCYiOuL8D1FFyRG/6N5EGQR4zW.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/7lAOvgftYM8yYLQuEZI7IxzEQ4iHOUBD/B2DMMdAj4Q.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/gwM0VXojutfpDXPXjWM65aGtXV74Z0ek/tF2FB5G7WN.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--新加入-->
        <div class="SY-newUser">
            <div class="SY-nav clearfix">
                <div class="title fl">
                    <p><span class="S_icons"></span><span>新加入</span></p>
                </div>
                <div class="more fr">
                    <a href="javascript:void(0);">更多</a>
                </div>
            </div>
            <div class="SY-newJoin clearfix">
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/UCc5a0RKXquiPa33blCYiOuL8D1FFyRG/6N5EGQR4zW.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/GU5ZX4UfdpBsuue45ntTt9ROci8iGAwE/2F8TPDdJrP.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/Content/defaultPic/userPic/pig.png" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/W1fUd7SlRVlLPPt6m6DKMDDZ2gEDler9/y4b8Q5m63X.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/LNALBSqKgx7UUgyDLyDK5PFhfPxAARUV/ChBf38iddA.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/yyLnprUIypU3iQ8twxEsXr3Ir6EUYn7i/y3DxiCZ7Wn.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/tgoaq7c92k2zIy3lDxQBuRpTlL4tIgd3/55.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/51Y3AZ6jiN0djgALEY6Ca3FEMjvYrvL2/w38M6wEkKb.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/Zra8ge6whg7s7eVTfzg1jAqjaKbdRZxu/DCyBzXpGdd.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/e77S9k2E8rWV8XttY0AJwysOQhxFryW0/6kjtJkRAdD.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/YnCyp07dIvRz2rYwz4HFJE9sxR2pp1CR/MYbFsK7ZAi.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/Mm6XPf5o9eGHRPHmm68YUvvNisMSXnKq/HxCZJbpc7s.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/MGJ5UMeFmOwKsBVm3PEavdhhkzP1SC79/r4KDdHnTGh.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="S-new br5">
                    <a href="javascript:void(0);">
                        <div class="newUserDetail tac pr">
                            <div class="userBanner transition" style="background-image:url('http://img.yxs.shenyecg.com/Image/r8xrjVZRDT0egMtibaJ4Xs8XSvNvWyKc/7MGfiXExYb.jpg')"></div>
                            <div class="cover pa">
                                <div class="userPic br50">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="userMsg">
                                    <h3 class="nickName toe">某某某</h3>
                                    <p class="description toe">关于此用户的内容主题描述</p>
                                </div>
                                <div class="followers">
                                    <p class="supporter dib">
                                        <span class="num">120</span>
                                        <span class="txt">支持者</span>
                                    </p>
                                    <p class="fans dib">
                                        <span class="num">120</span>
                                        <span class="txt">粉丝</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--画廊-->
        <div class="SY-gallery">
            <div class="SY-nav clearfix">
                <div class="title fl">
                    <p><span class="S_icons"></span><span>画廊</span></p>
                </div>
            </div>
            <div class="SY-paintWorks clearfix">
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/008/896/931/smaller_square/piper-thibodeau-dp1873-s.jpg?1515971239">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/covers/images/009/498/378/smaller_square/daniel-linard-06.jpg?1519325156">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/008/785/847/smaller_square/alexandre-diboine-baker-shop-smol.jpg?1515320262">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/220/596/20180204155944/smaller_square/helga-sergunina-beautyshot.jpg?1517781585">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/700/629/20180307022536/smaller_square/verda-ye-1.jpg?1520411136">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/677/446/smaller_square/angel-ganev-video-8-low-res.jpg?1520289606">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/287/856/20180208151626/smaller_square/patrycja-wojcik-koi-mountain.jpg?1518124587">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/324/955/20180211075841/smaller_square/-1x.jpg?1518357521">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/409/303/20180216154313/smaller_square/neil-kairanna-dragon.jpg?1518817393">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/493/220/smaller_square/oana-roxana-birtea-leaf-dragon-watermark-small.jpg?1519304832">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/521/621/smaller_square/taozi-rong-.jpg?1519459517">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/covers/images/009/438/777/smaller_square/lukas-heninger-img-20180215-224627-029.jpg?1519014077">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/covers/images/009/545/054/smaller_square/harrison-yinfaowei-harrison-yinfaowei-sunset-isle.jpg?1519598754">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/531/105/smaller_square/lynn-chen-mermaidisanunfortunateevent-corgiw2.jpg?1519518826">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/543/727/20180225150804/smaller_square/lynn-chen-piggy-fin.jpg?1519592884">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/537/662/20180225085650/smaller_square/dongbiao-lu-tutorial-class-demo-dongbiao.jpg?1519570610">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/547/923/20180225214001/smaller_square/devin-platts-fafnir-leprechaun-promo.jpg?1519616402">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/513/552/20180223114435/smaller_square/fernando-peque-life01.jpg?1519407875">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/527/914/20180224125215/smaller_square/julia-blattman-geckocar.jpg?1519498335">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/363/563/smaller_square/sergei-sorochkin-study31.jpg?1518554293">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/498/100/smaller_square/bobby-chiu-scooper-unicorn-2-sm.jpg?1519324259">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/550/853/20180226020229/smaller_square/adnan-ali-foreveralone.jpg?1519632149">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/437/948/20180218205609/smaller_square/nikita-svechnikov-1.jpg?1519008969">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/488/393/20180221220525/smaller_square/victor-yamakado-1.jpg?1519272325">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/544/853/20180225163401/smaller_square/roger-creus-dorico-pyramids.jpg?1519598041">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/550/519/smaller_square/amiabl-z-received-1293496977463675.jpg?1519629713">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/550/379/smaller_square/marina-t-04-night.jpg?1519628887">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/008/361/570/20180304180215/smaller_square/shannon-thomas-shannon-thomas-bastion05.jpg?1520208136">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/videos/images/009/689/172/20180306101750/smaller_square/marine-sisnaki-687041275-640.jpg?1520353070">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/009/646/540/smaller_square/lynn-chen-dailysketches-boobybird3.jpg?1520135212">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/700/591/20180307022105/smaller_square/guo-moyan-wechatimg1.jpg?1520410866">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdna.artstation.com/p/assets/images/images/008/612/220/20171221205343/small_square/sean-tay-drrpat-vwaasv5g.jpg?1513911223">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="work fl">
                    <a href="javascript:void(0);">
                        <div class="pr">
                            <img src="https://cdnb.artstation.com/p/assets/images/images/009/698/803/smaller_square/elisabeth-aarebrot-madsen-fredpus4.jpg?1520397533">
                            <div class="cover pa"></div>
                            <div class="workMsg pa clearfix">
                                <div class="userPic br50 fl">
                                    <img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                </div>
                                <div class="describe fl">
                                    <h3 class="workName toe">作品名称</h3>
                                    <p class="nickName toe">路人甲</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--文章-->
        <div class="SY-article">
            <div class="SY-nav clearfix">
                <div class="title fl">
                    <p><span class="S_icons"></span><span>文章</span></p>
                </div>
                <div class="changePage fr">
                    <a class="disable" href="javascript:void(0);"><i class="fa fa-arrow-left"></i></a>
                    <a class="" href="javascript:void(0);"><i class="fa fa-arrow-right"></i></a>
                </div>
            </div>
            <div class="SY-essay clearfix">
                <div class="essay br5 fl">
                     <div class="mainContent clearfix">
                         <div class="pic fl" style="background-image:url('http://img.yxs.shenyecg.com/Image/qXrF1CYuI6FTTMtWZsXh4S7l9ZX1hWMJ/FwADFMd7ie.jpg')"></div>
                         <div class="content fl">
                             <a href="javascript:void(0);">
                                 <h3 class="title">文章标题</h3>
                                 <p class="text">
                                     在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                     第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。小松鼠轻声告诉他：“昨晚，森林王国里都传你的面包用的是劣质面粉，还添加了大量调味剂，吃了对身体不好。听说，这些都是小狐狸说的。”
                                     “不可能！小狐狸是我铁哥们，他不会陷害我的！”小灰熊气愤地说。日子一天天过去了，小灰熊的面包店门可罗雀；而小狐狸的面包店却门庭若市，生意兴隆。
                                     小狐狸每天天不亮就要起床，赶在顾客出门前把食物做好，长久下来疲惫不堪。这天，筋疲力尽的他实在是太累了，竟然在椅子上睡着了。一睁开眼，他大惊失色：烤箱燃起了熊熊大火！
                                     正在梦乡中的小灰熊被惊醒了，他抓起灭火器，奋不顾身地去帮忙。又急又怕的小狐狸早已六神无主，见小灰熊来帮忙，感动得热泪盈眶。两个曾经的好朋友并肩作战，终于将大火扑灭了。
                                     看着小灰熊的以诚相待，再想想自己的所作所为，小狐狸懊悔不已。他向小灰熊道了歉，承认了自己当初散布谣言的错误行为。善良的小灰熊原谅了他，两个好朋友又和好如初了。在小灰熊的号召下，大家一起动手，小狐狸的面包店很快就被修好了。为了纪念失而复得的友谊，两家面包店合二为一，取了个新名字——“哥俩好面包店”。
                                 </p>
                             </a>
                             <div class="tags">
                                 <i class="fa fa-tag"></i>
                                 <span class="tag">标签</span>
                                 <span class="tag">标签</span>
                             </div>
                         </div>
                     </div>
                     <div class="bottomMsg clearfix">
                         <div class="fl clearfix">
                             <img class="fl br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                             <p class="nickName toe fl">路人甲</p>
                             <p class="publishTime fl">2018/01/20</p>
                         </div>
                         <div class="fr tar">
                             <span class="scan"><i class="fa fa-eye"></i><span class="num">120</span></span>
                             <span class="comment"><i class="fa fa-commenting"></i><span class="num">12</span></span>
                             <span class="thumbsUp"><i class="fa fa-thumbs-up"></i><span class="num">12</span></span>
                         </div>
                     </div>
                </div>
                <div class="essay br5 fl">
                    <div class="mainContent clearfix">
                        <div class="pic fl" style="background-image:url('http://img.yxs.shenyecg.com/Image/PXDgEHnfVLHTqS8MdQjSqxDXVf6kDXcJ/XWHfJNECtP.jpg')"></div>
                        <div class="content fl">
                            <a href="javascript:void(0);">
                                <h3 class="title">文章标题</h3>
                                <p class="text">
                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                    第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。小松鼠轻声告诉他：“昨晚，森林王国里都传你的面包用的是劣质面粉，还添加了大量调味剂，吃了对身体不好。听说，这些都是小狐狸说的。”
                                    “不可能！小狐狸是我铁哥们，他不会陷害我的！”小灰熊气愤地说。日子一天天过去了，小灰熊的面包店门可罗雀；而小狐狸的面包店却门庭若市，生意兴隆。
                                    小狐狸每天天不亮就要起床，赶在顾客出门前把食物做好，长久下来疲惫不堪。这天，筋疲力尽的他实在是太累了，竟然在椅子上睡着了。一睁开眼，他大惊失色：烤箱燃起了熊熊大火！
                                    正在梦乡中的小灰熊被惊醒了，他抓起灭火器，奋不顾身地去帮忙。又急又怕的小狐狸早已六神无主，见小灰熊来帮忙，感动得热泪盈眶。两个曾经的好朋友并肩作战，终于将大火扑灭了。
                                    看着小灰熊的以诚相待，再想想自己的所作所为，小狐狸懊悔不已。他向小灰熊道了歉，承认了自己当初散布谣言的错误行为。善良的小灰熊原谅了他，两个好朋友又和好如初了。在小灰熊的号召下，大家一起动手，小狐狸的面包店很快就被修好了。为了纪念失而复得的友谊，两家面包店合二为一，取了个新名字——“哥俩好面包店”。
                                </p>
                            </a>
                            <div class="tags">
                                <i class="fa fa-tag"></i>
                                <span class="tag">标签</span>
                                <span class="tag">标签</span>
                            </div>
                        </div>
                    </div>
                    <div class="bottomMsg clearfix">
                        <div class="fl clearfix">
                            <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                            <p class="nickName toe fl">路人甲</p>
                            <p class="publishTime fl">2个月前</p>
                        </div>
                        <div class="fr tar">
                            <span class="scan"><i class="fa fa-eye"></i><span class="num">120</span></span>
                            <span class="comment"><i class="fa fa-commenting"></i><span class="num">12</span></span>
                            <span class="thumbsUp"><i class="fa fa-thumbs-up"></i><span class="num">12</span></span>
                        </div>
                    </div>
                </div>
                <div class="essay br5 fl">
                    <div class="mainContent clearfix">
                        <div class="content noPic fl">
                            <a href="javascript:void(0);">
                                <h3 class="title">文章标题</h3>
                                <p class="text">
                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                    第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。小松鼠轻声告诉他：“昨晚，森林王国里都传你的面包用的是劣质面粉，还添加了大量调味剂，吃了对身体不好。听说，这些都是小狐狸说的。”
                                    “不可能！小狐狸是我铁哥们，他不会陷害我的！”小灰熊气愤地说。日子一天天过去了，小灰熊的面包店门可罗雀；而小狐狸的面包店却门庭若市，生意兴隆。
                                    小狐狸每天天不亮就要起床，赶在顾客出门前把食物做好，长久下来疲惫不堪。这天，筋疲力尽的他实在是太累了，竟然在椅子上睡着了。一睁开眼，他大惊失色：烤箱燃起了熊熊大火！
                                    正在梦乡中的小灰熊被惊醒了，他抓起灭火器，奋不顾身地去帮忙。又急又怕的小狐狸早已六神无主，见小灰熊来帮忙，感动得热泪盈眶。两个曾经的好朋友并肩作战，终于将大火扑灭了。
                                    看着小灰熊的以诚相待，再想想自己的所作所为，小狐狸懊悔不已。他向小灰熊道了歉，承认了自己当初散布谣言的错误行为。善良的小灰熊原谅了他，两个好朋友又和好如初了。在小灰熊的号召下，大家一起动手，小狐狸的面包店很快就被修好了。为了纪念失而复得的友谊，两家面包店合二为一，取了个新名字——“哥俩好面包店”。
                                </p>
                            </a>
                            <div class="tags">
                                <i class="fa fa-tag"></i>
                                <span class="tag">标签</span>
                                <span class="tag">标签</span>
                            </div>
                        </div>
                    </div>
                    <div class="bottomMsg clearfix">
                        <div class="fl clearfix">
                            <img class="fl br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                            <p class="nickName toe fl">路人甲</p>
                            <p class="publishTime fl">3天前</p>
                        </div>
                        <div class="fr tar">
                            <span class="scan"><i class="fa fa-eye"></i><span class="num">120</span></span>
                            <span class="comment"><i class="fa fa-commenting"></i><span class="num">12</span></span>
                            <span class="thumbsUp"><i class="fa fa-thumbs-up"></i><span class="num">12</span></span>
                        </div>
                    </div>
                </div>
                <div class="essay br5 fl">
                    <div class="mainContent clearfix">
                        <div class="content noPic fl">
                            <a href="javascript:void(0);">
                                <h3 class="title">文章标题</h3>
                                <p class="text">
                                    在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                    第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。小松鼠轻声告诉他：“昨晚，森林王国里都传你的面包用的是劣质面粉，还添加了大量调味剂，吃了对身体不好。听说，这些都是小狐狸说的。”
                                    “不可能！小狐狸是我铁哥们，他不会陷害我的！”小灰熊气愤地说。日子一天天过去了，小灰熊的面包店门可罗雀；而小狐狸的面包店却门庭若市，生意兴隆。
                                    小狐狸每天天不亮就要起床，赶在顾客出门前把食物做好，长久下来疲惫不堪。这天，筋疲力尽的他实在是太累了，竟然在椅子上睡着了。一睁开眼，他大惊失色：烤箱燃起了熊熊大火！
                                    正在梦乡中的小灰熊被惊醒了，他抓起灭火器，奋不顾身地去帮忙。又急又怕的小狐狸早已六神无主，见小灰熊来帮忙，感动得热泪盈眶。两个曾经的好朋友并肩作战，终于将大火扑灭了。
                                    看着小灰熊的以诚相待，再想想自己的所作所为，小狐狸懊悔不已。他向小灰熊道了歉，承认了自己当初散布谣言的错误行为。善良的小灰熊原谅了他，两个好朋友又和好如初了。在小灰熊的号召下，大家一起动手，小狐狸的面包店很快就被修好了。为了纪念失而复得的友谊，两家面包店合二为一，取了个新名字——“哥俩好面包店”。
                                </p>
                            </a>
                            <div class="tags">
                                <i class="fa fa-tag"></i>
                                <span class="tag">标签</span>
                                <span class="tag">标签</span>
                            </div>
                        </div>
                    </div>
                    <div class="bottomMsg clearfix">
                        <div class="fl clearfix">
                            <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                            <p class="nickName toe fl">路人甲</p>
                            <p class="publishTime fl">4小时前</p>
                        </div>
                        <div class="fr tar">
                            <span class="scan"><i class="fa fa-eye"></i><span class="num">120</span></span>
                            <span class="comment"><i class="fa fa-commenting"></i><span class="num">12</span></span>
                            <span class="thumbsUp"><i class="fa fa-thumbs-up"></i><span class="num">12</span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--视频-->
        <div class="SY-video">
            <div class="SY-nav clearfix">
                <div class="title fl">
                    <p><span class="S_icons"></span><span>视频</span></p>
                </div>
            </div>
            <div class="SY-videoList clearfix">
                <div class="videoBox br5 transition fl">
                    <div class="videoPic br5 pr" style="background-image:url('https://cdnb.artstation.com/p/assets/images/images/009/441/125/20180219031726/smaller_square/mathias-zamecki-full.jpg?1519031846')">
                        <div class="palyIcon pa tac">
                            <a href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                    </div>
                    <div class="videoMsg">
                        <div class="top clearfix">
                            <h3 class="videoName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="videoWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="scanned"><i class="fa fa-eye"></i><span class="num">12</span></span>
                                <span class="comment"><i class="fa fa-commenting"></i><span class="num">12</span></span>
                                <span class="thumbsUp"><i class="fa fa-thumbs-up"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="videoBox br5 transition fl">
                    <div class="videoPic br5 pr" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/009/398/628/smaller_square/ngan-pham-4-smol.jpg?1518754372')">
                        <div class="palyIcon pa tac">
                            <a href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                    </div>
                    <div class="videoMsg">
                        <div class="top clearfix">
                            <h3 class="videoName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="videoWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="scanned"><i class="fa fa-eye"></i><span class="num">12</span></span>
                                <span class="comment"><i class="fa fa-commenting"></i><span class="num">12</span></span>
                                <span class="thumbsUp"><i class="fa fa-thumbs-up"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="videoBox br5 transition fl">
                    <div class="videoPic br5 pr" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/009/389/034/20180215072859/smaller_square/stepan-gilev-.jpg?1518701340')">
                        <div class="palyIcon pa tac">
                            <a href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                    </div>
                    <div class="videoMsg">
                        <div class="top clearfix">
                            <h3 class="videoName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="videoWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="scanned"><i class="fa fa-eye"></i><span class="num">12</span></span>
                                <span class="comment"><i class="fa fa-commenting"></i><span class="num">12</span></span>
                                <span class="thumbsUp"><i class="fa fa-thumbs-up"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="videoBox br5 transition fl">
                    <div class="videoPic br5 pr" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/009/394/054/20180215142119/smaller_square/phil-saunders-ironmanmk45-ps03fsmlweb.jpg?1518726079')">
                        <div class="palyIcon pa tac">
                            <a href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                    </div>
                    <div class="videoMsg">
                        <div class="top clearfix">
                            <h3 class="videoName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="videoWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="scanned"><i class="fa fa-eye"></i><span class="num">12</span></span>
                                <span class="comment"><i class="fa fa-commenting"></i><span class="num">12</span></span>
                                <span class="thumbsUp"><i class="fa fa-thumbs-up"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--直播-->
        <div class="SY-live">
            <div class="SY-nav clearfix">
                <div class="title fl">
                    <p><span class="S_icons"></span><span>直播</span></p>
                </div>
            </div>
            <div class="SY-liveList clearfix">
                <div class="liveBox br5 transition fl">
                    <div class="livePic br5 pr" style="background-image:url('https://cdnb.artstation.com/p/assets/images/images/009/542/327/20180225133932/smaller_square/borislav-kechashki-final-small.jpg?1519587573')">
                        <div class="icons tac pa">
                            <a class="playIcon" href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                        <div class="cover pa">
                            <p class="livingIcon pa"><i class="living"></i>正在直播</p>
                        </div>
                    </div>
                    <div class="liveMsg">
                        <div class="top clearfix">
                            <h3 class="liveName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="liveWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="online"><i class="fa fa-eye"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="liveBox br5 transition fl">
                    <div class="livePic br5 pr" style="background-image:url('https://cdnb.artstation.com/p/assets/images/images/009/552/025/smaller_square/young-june-choi-forest-of-secrets.jpg?1519639221')">
                        <div class="icons tac pa">
                            <a class="playIcon" href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                        <div class="cover pa">
                            <p class="livingIcon pa"><i class="living"></i>正在直播</p>
                        </div>
                    </div>
                    <div class="liveMsg">
                        <div class="top clearfix">
                            <h3 class="liveName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="liveWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="online"><i class="fa fa-eye"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="liveBox br5 transition fl">
                    <div class="livePic br5 pr" style="background-image:url('https://cdnb.artstation.com/p/assets/images/images/009/531/105/smaller_square/lynn-chen-mermaidisanunfortunateevent-corgiw2.jpg?1519518826')">
                        <div class="icons tac pa">
                            <a class="playIcon" href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                        <div class="cover pa">
                            <p class="livingIcon pa"><i class="living"></i>正在直播</p>
                        </div>
                    </div>
                    <div class="liveMsg">
                        <div class="top clearfix">
                            <h3 class="liveName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="liveWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="online"><i class="fa fa-eye"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="liveBox br5 transition fl">
                    <div class="livePic br5 pr" style="background-image:url('https://cdnb.artstation.com/p/assets/images/images/009/537/563/smaller_square/yang-tian-pansen.jpg?1519569817')">
                        <div class="icons tac pa">
                            <a class="playIcon" href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                        <div class="cover pa">
                            <p class="livingIcon pa"><i class="living"></i>正在直播</p>
                        </div>
                    </div>
                    <div class="liveMsg">
                        <div class="top clearfix">
                            <h3 class="liveName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="liveWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="online"><i class="fa fa-eye"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="liveBox br5 transition fl">
                    <div class="livePic br5 pr" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/009/538/346/smaller_square/w-mm-.jpg?1519572979')">
                        <div class="icons tac pa">
                            <a class="playIcon" href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                        <div class="cover pa">
                            <p class="livingIcon pa"><i class="living"></i>正在直播</p>
                        </div>
                    </div>
                    <div class="liveMsg">
                        <div class="top clearfix">
                            <h3 class="liveName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="liveWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="online"><i class="fa fa-eye"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="liveBox br5 transition fl">
                    <div class="livePic br5 pr" style="background-image:url('https://cdnb.artstation.com/p/assets/images/images/009/544/439/smaller_square/baatr-kotinov-.jpg?1519595974')">
                        <div class="icons tac pa">
                            <a class="playIcon" href="javascript:void(0);"><i class="fa fa-play-circle-o"></i></a>
                        </div>
                        <div class="cover pa">
                            <p class="livingIcon pa">即将直播<span class="time">20:20:30</span></p>
                        </div>
                    </div>
                    <div class="liveMsg">
                        <div class="top clearfix">
                            <h3 class="liveName toe fl"><a href="javascript:void(0);">这个视频的名称</a></h3>
                            <p class="publishTime fr">2018/01/20</p>
                        </div>
                        <div class="liveWorker clearfix">
                            <div class="workerMsg fl clearfix">
                                <img class="fl br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt="">
                                <p class="nickName toe fl">路人甲</p>
                            </div>
                            <div class="fr tar">
                                <span class="online"><i class="fa fa-eye"></i><span class="num">12</span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主内容 结束-->
<!--页脚 开始-->
<div class="SY-footer">
    <div class="SY-foot clearfix">
        <div class="aboutUs fl">
            <div class="logoBox">
                <img src="img/icons/bottomLogo.png" alt="">
                <p class="dib slogin">深夜研习社</p>
                <span class="line dib"></span>
                <p class="dib text">知识应该受到尊重</p>
            </div>
            <div class="connectUs">
                <p class="text dib">联系我们:<span class="phoneNumer dib">027-62438159</span></p>
                <a href="javascript:void(0);" class="tencent linkIcon"></a>
            </div>
        </div>
        <div class="msgDetail fr clearfix">
            <ul class="iconList fr">
                <li class="pr">
                    <span class="wechat linkIcon"></span>
                    <div class="weChatCode tac pa">
                        <i class="icon-arrow-down pa"></i>
                        <p class="scan">扫描二维码</p>
                        <p class="text">关注微信公众号</p>
                        <img src="img/icons/WeChatCode.jpg" alt="">
                    </div>
                </li>
                <li><a href="javascript:void(0);" class="sina linkIcon"></a></li>
            </ul>
            <dl class="fr">
                <dt><a href="HelpCenter.html">关于我们</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">服务条款</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">版权申明</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">常见问题</a></dt>
            </dl>
            <p class="recordNumber"><a href="javascript:void(0);">Copyright&copy; www.shenyecg.com 2017 | 鄂ICP备16021987号-1</a></p>
        </div>
    </div>
</div>
<!--页脚 结束-->
</body>
<script src="js/jquery.min.js"></script>
<script src="plugins/swiper/swiper.min.js"></script>
<script src="js/apple.js"></script>
<script src="js/search.js"></script>
<script>
    /*$(function () {
        //轮播
        var topBannerSize = $(".SY-userCommend .SY-bannerList").children().length;
        for(var i = 1; i <= topBannerSize; i ++) {
            var li = "<li></li>";
            $(".SY-userCommend .SY-bannerCircle").append(li);
        }
        //手动控制轮播效果
        $(".SY-userCommend .SY-bannerList .S-user").siblings().hide().eq(0).show();
        $(".SY-userCommend .SY-bannerCircle li").eq(0).addClass("active");
        $(".SY-userCommend .SY-bannerCircle li").click(function () {
            $(this).addClass("active").siblings().removeClass("active");
            var index = $(this).index();
            i = index;
            $(".SY-userCommend .SY-bannerList .S-user").eq(index).fadeIn(500).siblings().fadeOut(500);
        });
        //定时器
        var i = 0;
        var time = setInterval(slider,5000);
        //自动轮播
        function slider() {
            i ++;
            if(i == topBannerSize){
                i =0;
            }
            $(".SY-userCommend .SY-bannerCircle li").eq(i).addClass("active").siblings().removeClass("active");
            $(".SY-userCommend .SY-bannerList .S-user").eq(i).fadeIn(500).siblings().fadeOut(500);
        }
        //鼠标悬浮，停止轮播
        $(".SY-userCommend").hover(function () {
            clearInterval(time);
            time = null;
        },function () {
            if(time != null) return;
            time = setInterval(slider,5000);
        })
    })*/
</script>
</html>